
@import "../../../css/theme.styl"

.mobile-main-starproduct
    width: 100%;
    height 434px;
    cursor pointer
    display: block;
    .starproduct-img
        width: 850px;
        height: 100%;
        float left
    .starproduct-buy
        background: $themewhite
        width: 350px;
        height: 100%;
        float left
        padding: 80px 40px 0 40px;
        box-sizing: border-box
        .title
            color: rgba(51,51,51,.9);
            font-size: 32px;
        .detail
                margin-top 15px;
                color: #333;
                color: rgba(51,51,51,.7);
                font-size: 14px;
        .price
            margin-top 35px;
            color: $themecolor
            letter-spacing: -2px;
            .number
                font-weight: 400;
                font-size: 32px
            .qi
                margin-left: 5px;
        .appointment
            margin-top 80px;
            font-size: 14px;
            color rgba(51,51,51,.7);

.mobile-main-starproduct-normal
    width: 595px;
    height 482px;
    background: $themewhite
    cursor pointer
    .starproduct-img
        width: 100%;
        height: 358px;
    .starproduct-buy
        width: 100%;
        height: 124;
        box-sizing: border-box
        padding: 20px 40px;
        position relative
        .title
            color: rgba(51,51,51,.9);
            font-size: 32px;
        .detail
            margin-top 15px;
            color: #333;
            color: rgba(51,51,51,.7);
            font-size: 14px;
        .price
            position: absolute;
            top 15px;
            right 40px;
            margin-top 35px;
            color: $themecolor
            letter-spacing: -2px;
            .number
                font-weight: 400;
                font-size: 32px


